<template>
	<view>
		<view style="background-color: #0FAEFF; width: 300upx;height: 500upx;">
			hhhhhh
		</view>
		<view style="background-color: #0FAEFF; width: 300upx;height: 500upx;">
			hhhhhh
		</view>
		<web-view src="/hybrid/html/test.html"></web-view>
	</view>
</template>
<script>
	var wv; //计划创建的webview	
	export default {
		components: {},
		data() {
			return {}
		},
		onLoad() {
			// #ifdef APP-PLUS
			// wv = plus.webview.create("", "custom-webview", {
			// 	plusrequire: "none", //禁止远程网页使用plus的API，有些使用mui制作的网页可能会监听plus.key，造成关闭页面混乱，可以通过这种方式禁止
			// 	'uni-app': 'none', //不加载uni-app渲染层框架，避免样式冲突
			// 	top: uni.getSystemInfoSync().statusBarHeight + 44 //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的，可以继续降低TOP值
			// })
			// // wv.loadURL("/hybrid/html/test.html")
			// // wv.loadURL("https://echarts.apache.org/examples/zh/editor.html?c=candlestick-brush")
			// var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象
			// console.log('currentWebview', currentWebview);
			// currentWebview.append(wv); //一定要append到当前的页面里！！！才能跟随当前页面一起做动画，一起关闭
			// setTimeout(function() {
			// 	console.log(wv.getStyle())
			// 	wv.setStyle({
			// 		top: 200,
			// 		width: 500,
			// 		height: 500,
			// 		// bottom: 100
			// 	})
			// }, 1000); //如果是首页的onload调用时需要延时一下，二级页面无需延时，可直接获取
			// #endif
		},
		onReady() {
			// #ifdef APP-PLUS
			var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象
			setTimeout(function() {
				wv = currentWebview.children()[0]
				wv.setStyle({
					top: 100,
					height: 150
				})
			}, 1000); //如果是页面初始化调用时，需要延时一下
			// #endif
		},
	}
</script>
<style scoped>
</style>
